<!-- From Uiverse.io by themrsami - Tags: form, tailwind, tailwindcss, themrsami, darkversion, subscribe to our newsletter form -->
<div class="flex flex-col items-center justify-center h-screen dark">
  <div class="w-full max-w-md bg-gray-800 rounded-lg shadow-md p-6">
    <h2 class="text-2xl font-bold text-gray-200 mb-4">Subscribe to Our Newsletter</h2>

    <form class="flex flex-col">
      <input placeholder="Enter your email address" class="bg-gray-700 text-gray-200 border-0 rounded-md p-2 mb-4 focus:bg-gray-600 focus:outline-none focus:ring-1 focus:ring-blue-500 transition ease-in-out duration-150" type="email">

      <button class="bg-gradient-to-r from-green-500 to-blue-500 text-white font-bold py-2 px-4 rounded-md mt-4 hover:bg-green-600 hover:to-blue-600 transition ease-in-out duration-150" type="submit">Subscribe</button>
    </form>

    <div class="flex justify-center mt-4">
      <a class="text-sm text-gray-400 hover:underline" href="#">Privacy Policy</a>
    </div>
  </div>
</div>


